M2: Tipografía y Estructura
M2: Tipografía y Estructura
La tipografía es el eje central de la comunicación visual. Se define como el arte y la técnica de organizar letras para hacer el lenguaje escrito legible, estructurado y visualmente funcional.
Las fuentes tipográficas se dividen estructuralmente en dos grandes familias funcionales:
Familia Serif (Con Remates): Poseen terminales o "pies" en sus extremos. Históricamente diseñadas para medios impresos (libros, periódicos). Los remates generan una línea imaginaria que guía el ojo del lector en bloques de texto extensos, reduciendo la fatiga visual. Ejemplos: Times New Roman, Garamond.
Familia Sans-Serif (Palo Seco): Carecen de remates; sus trazos son limpios y geométricos. Son el estándar absoluto para el diseño digital e interfaces de usuario (UI), ya que su estructura simple evita la distorsión en resoluciones de pantalla. Ejemplos: Arial, Helvetica, Roboto.
La jerarquía visual es la organización del contenido para indicar el orden exacto de lectura mediante el contraste de peso y tamaño.
El punto de entrada focal. Requiere el mayor tamaño tipográfico y peso (Bold/Black). Su métrica estándar digital suele ser mayor a 36 pts.
Elemento de transición que aporta contexto. Generalmente posee un 50% al 70% del tamaño del H1, o utiliza un color contrastante para diferenciarlo.
Bloque de lectura densa. Parámetro estandarizado para legibilidad: 10 pts a 12 pts en impresión, y 16px en desarrollo web. No debe llevar formatos pesados.
El "espacio negativo" (blanco) es un elemento activo del diseño. Una alta densidad de texto genera un efecto de "pared tipográfica" que incrementa drásticamente el estrés visual (carga cognitiva) del usuario.
Tracking: Ajuste del espacio horizontal entre todos los caracteres de un bloque. Aumentar el tracking en letras mayúsculas mejora la lectura de títulos cortos.
Leading (Interlineado): Es la distancia vertical entre las líneas de base del texto. La norma técnica dicta que el interlineado debe ser del 120% al 150% del tamaño de la fuente para garantizar una legibilidad óptima.
El rendimiento tipográfico depende directamente de la polaridad entre la tinta y el lienzo.
Es el estándar ergonómico. Regla : Evita el Negro Absoluto (#000000) sobre Blanco Puro (#FFFFFF). Este contraste al 100% genera "halos de luz" y fatiga ocular (astigmatismo digital). Utiliza gris muy oscuro (ej. #333333) sobre fondos ligeramente matizados (#F8F9FA).
El texto blanco sobre negro se percibe ópticamente más delgado y "vibrante". Para contrarrestar esta ilusión óptica, se debe aumentar el peso de la fuente (ej. de Regular a Medium) e incrementar ligeramente el tracking.
Nacido en la escuela Bauhaus y evolucionado en Suiza (Años 50). Sus principios rigen el diseño contemporáneo: Uso estricto de cuadrículas matemáticas (grids), rechazo de la decoración innecesaria, predominio de tipografías Sans Serif y el uso de la asimetría funcional.